<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/resource/css/style.css" />


<style type="text/css">
.tag_list {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D7CBC1;
	color: #000000;
	font-size: 12px;
	line-height: 20px;
	list-style: none outside none;
	margin: 10px 2% 0 1%;
	padding: 1px;
}

.tag_list h5 {
	background: none repeat scroll 0 0 #E0DBD3;
	color: #47381C;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	padding: 0 5px;
	margin: 0;
}

.tag_list h5 a {
	color: #47381C;
}

.classify {
	margin: 10px 0;
	padding: 4px 12px 8px;
}

.classify a {
	margin-right: 20px;
	white-space: nowrap;
}
pre{
	margin-left:2px;
	border-left:3px solid #CCC;
	padding:0 1em;
}
#popup_mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 9999;
	left: 0px;
	top: 0px;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	display: none;
}
.embody {
	padding: 10px 10px 10px;
	margin: 0 -20px;
	border-bottom: solid 1px #ededed;
}

.embody_b {
	margin: 0;
	padding: 10px 0;
}

.embody .embody_t,.embody .embody_c {
	display: inline-block;
	margin-right: 10px;
}

.embody_t {
	font-size: 12px;
	color: #999;
}

.embody_c {
	font-size: 12px;
}

.embody_c img,.embody_c em {
	display: inline-block;
	vertical-align: middle;
}

.embody_c img {
	width: 30px;
	height: 30px;
}

.embody_c em {
	margin: 0 20px 0 10px;
	color: #333;
	font-style: normal;
}
</style>

<title>My JSP 'postDetail.jsp' starting page</title>


</head>

<body>
<jsp:include page="../inc/head_nav.jsp" />
<div>
	<div id="container">
		<div id="header">
			<div class="header">
				<div id="">
					<h2>
						<a href="">${articleDetail.getUser().getUserDesc()}</a>
					</h2>
				</div>
			</div>
		</div>
	</div>
	<div id="navigator">
		<div class="navigator_bg"></div>
		<div class="navigator">
			<ul>
				<li id="btnContents"><a
					href="${pageContext.request.contextPath}/ArticleSer?tag=catalog&userId=${articleDetail.getUser().getUserId()}"><span
						onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_mulu'])">
							<img src="${pageContext.request.contextPath}/resource/images/ico_list.gif">目录视图
					</span></a></li>
				<li id="btnView">
					</span></a></li>

			</ul>
		</div>
	</div>

	<div id="body">
		<div id="main">
			<div class="main">

				<script type="text/javascript"
					src="http://static.blog.csdn.net/scripts/category.js"></script>

				<div id="article_details" class="details">
					<div class="article_title">
						<span><img src="${pageContext.request.contextPath}/resource/images/greenleef2.png" width="25px"/></span>

						<h1>
							<span class="link_title">
							&nbsp;${articleDetail.articleTitle!=null?articleDetail.articleTitle:null} </span>


						</h1>
					</div>
					<div class="article_manage clearfix">
						<div class="article_r">
							<span class="link_postdate">${articleDetail.articleRelTime!=null?articleDetail.getStringDate():null}</span> <span
								class="link_view" title="阅读次数">${articleDetail.articleClick!=null?articleDetail.articleClick:null}人阅读</span> <span
								class="link_comments" title="评论次数"> <a href="#comments"
								onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_pinglun'])">评论</a>
							</span> <span class="link_report"> <a href="#report"
								onclick="javascript:report(75051134,2);return false;" title="举报">举报</a></span>

						</div>
					</div>

		<div class="category clearfix">
			<div class="category_l">
				<img src="${pageContext.request.contextPath}/resource/images/ico_list.gif">
							<span>分类：${articleDetail.getArticlecat()!=null?articleDetail.getArticlecat().getSortName():null }</span>
			</div>     
		</div>
		<br/>
		<div class="bog_copyright">
						<p class="copyright_p">版权声明：本文为博主原创文章，未经博主允许不得转载。</p>
					</div>
	<div id="article_content" class="article_content tracking-ad" >
					${articleDetail.articleContent!=null?articleDetail.articleContent:null }
        </div>

					<div id="digg">
						<dl id="btnDigg" class="digg digg_enable" onclick="btndigga();">

							<dt>顶</dt>
						</dl>



						<dl id="btnBury" class="digg digg_enable" onclick="btnburya();">

							<dt>踩</dt>
		
						</dl>

					</div>
					<div class="tracking-ad" >
						<a href="javascript:void(0);">&nbsp;</a>
					</div>
					<div class="tracking-ad" >
						<a href="javascript:void(0);">&nbsp;</a>
					</div>
					<script type="text/javascript">
						
					</script>

					<ul class="article_next_prev">
						<li class="prev_article"><span
							onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_shangyipian']);">其他
							</span><a href="${pageContext.request.contextPath}/ArticleSer?tag=detail&&articleid=${articleOne.articleId}"
							onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_shangyipian'])">${articleOne.articleTitle }</a></li>
					</ul>

					<div style="clear:both; height:50px;"></div>


					<div class="similar_article">
						<h4></h4>
						<fieldset >
						<legend><strong>相关文章推荐</strong></legend>
						<div style="margin:20px 10px">
								<ol>
								<c:forEach items="${aboutTenArt}" var="ten">
									<li>&nbsp;
									<a href="${pageContext.request.contextPath}/ArticleSer?tag=detail&&articleid=${ten.articleId}"
										title="${ten.articleTitle }" 
										target="_blank">
										${ten.articleTitle }</a></li>
										</c:forEach>
								</ol>
						</div>
						</fieldset>
					</div>

				</div>

				<div>



					<div class="comment_class">
						<div id="comment_title" class="panel_head">
							<span class="see_comment">查看评论</span><a name="comments"></a>
						</div>
						
					<!--讨论区 -->

							<div id="comment_div"
								class="t-10 label-div border-all pr-20 pt-50 pl-20">
								<!-- 评论箱  -->
								<div class="comment">
									<div class="comment_box_comment" id="comment-box">
										<div class="post-div">
											<form action="javascript:;" id="form_comment"
												name="form_comment" method="post">
												<div class="user-img" style="text-align:center;">
													<a title="游客" href="javascript:;"> <img alt="游客" 
														src="${pageContext.request.contextPath}${sessionScope.user.userImgUrl}" onerror="javascript:this.src='${pageContext.request.contextPath}/resource/images/uuuser.jpg'">
														<!-- 图片路径${pageContext.request.contextPath}/resource/images/uuuser.jpg -->
													</a>
													<span>${sessionScope.user.userName}</span>
												</div>


												<div class="weiboComments">

													<div class="com-textarea ie6png"><!-- 隐藏的input,用来保存登录的信息,也方便取数据 -->
														<input type="hidden" value="postComm" id="data_type"
															name="tag">
														<input type="hidden" value="${articleDetail.articleId}" id="data_artuid"
															name="artuid">
														<input type="hidden" value="${sessionScope.user.userId}" id="data_uid"
															name="uid">
														<input type="hidden" value="${sessionScope.user.userImgUrl}" id="data_uimg"
															name="uimg">
														<textarea
															onblur="if(this.value==''){this.value='有什么感想？你也来说说吧！';$(this).next().val('有什么感想？你也来说说吧！')};textCounter($(this), $(this).parents('form').find('#remLen'),140)"
															onfocus="if(this.value=='有什么感想？你也来说说吧！'){this.value=''};"
															onmousemove="textCounter($(this), $(this).parents('form').find('#remLen'),140)"
															onkeyup="textCounter($(this), $(this).parents('form').find('#remLen'),140);"
															onkeydown="textCounter($(this), $(this).parents('form').find('#remLen'),140);"
															id="data_content" name="comcontent"
															style="_width: 98%;">有什么感想？你也来说说吧！</textarea>
														<input type="hidden" value="有什么感想？你也来说说吧！"
															id="data_content2"> <input type="hidden"
															value="comment" id="class" name="class"> <span
															class="head-msg">还可以输入<span id="remLen">140</span>字
														</span> <span
															style="color: #000;position: absolute;left: 0;top: -35px;height: 22px;line-height: 20px;font-family: '微软雅黑';font-size: 14px;">讨论区：</span>
													</div>

													<div class="post-toolbar">
														<div class="post-options">
															<div class="toolbar-buttons">
															</div>
															<script type="text/javascript">
															/*<![CDATA[*/
															jQuery(function($){
																$('.add-emote').live('click',function(){get_face2face(this,"face.html");});
																$('.face_title div').live('click',function(){face2face(this);});
																$('.add_comment_submit').live('click',function(){add_comment_submit_fn(this,$(this).parents('form').attr('id'));});
																});
															/*]]>*/
															</script>

															<!-- face -->

															
														</div>
														<a href="javascript:void(0);" 
															class="post-button-dis add_comment_submit ie6png">评&nbsp;论</a>
														<!-- loadding -->
													</div>
												</div>
											</form>
										</div>
										<div class="comments-info clearfix">
											<div class="comments-tab left">
												<a href="javascript:void(0);"><span class="rows_count">${Comcount }</span>
													条评论</a>
											</div>

										</div>
										<c:forEach items="${comments }" var="cos">
										<ul class="comments-list clearfix">
											<li class="cleaarfix p1">
												<div class="left post-img">
													<a target="_blank" href="javascript:;" title=""><img onerror="javascript:this.src='${pageContext.request.contextPath}/resource/images/uuuser.jpg'"
														src="${pageContext.request.contextPath}${cos.user.userImgUrl}"
														alt=""></a>
												</div>
											<!-- 评论的显示 -->
												<div class="post-info">
													<div style="line-height: 16px;margin-bottom: 9px;">
														<a class="fs14 r-10" target="_blank" href="${pageContext.request.contextPath}/user/userCenter.jsp"
															title="${cos.user.userName }">${cos.user.userName }</a><span class="fc999">
															${cos.commentTime}</span><span class="fc999 l-10">Hive-Top社区</span>
													</div>
													<div class="fc666 b-5">${cos.commentContent }</div>
													<div>
														<a id="comm${cos.commentId }" href="javascript:void(0);" data-id="3684"
															class="comment_reply_comment" title="回复">回复</a>
													</div>
													<script type="text/javascript">
													$('#comm${cos.commentId}').click(function(){
														//alert(self.href);
														//alert('#${cos.commentId}');
														if(document.getElementById('reply_com')!=null){
															document.body.removeChild($('#reply_com'));
														} else {
															var replyUserId = "${sessionScope.user.userId}";
															var insert = $('#comm${cos.commentId}').parent().parent();
															var inputuserId = '<input type="hidden" name="replyUserId" value="${sessionScope.user.userId}" />';
															var inputCommentId = '<input type="hidden" name="commId" value="${cos.commentId}" />';
															var articleId = '<input type="hidden" name="articleId" value="${cos.article.articleId}" />';
															var textarea = '<input id="data_reply" type="text" name="data_reply" style="width: 80%;height:60px;"/>';
															//var button = '<a href="#" name="submit" onclick="document.getElementById(' + 'replysubmit' + ').submit();return false">发表</a>';
															//var button = '<a href="/MyBlog/ReplySer?tag=reply&replyUserId=' + replyUserId + '&commId=' + ${cos.commentId} + '&repCont=' + $("#data_reply").val() + '" name="submit">发表</a>';
															var button = '<input type="submit" name="submit"/>'
															var form = '<form id="replysubmit" action="/MyBlog/ReplySer?tag=reply" method="post">'+inputuserId+inputCommentId+articleId+textarea+button+'</form>'
															var div = '<div id="reply_com" class="reply_box">'+form+'</div>';
															insert.append(div);
														};
													});
													</script>
													<div class="clear"></div>
													<!-- reply_box -->
													<!-- 回复的显示 -->
													<c:forEach items="${replyMap}" var="replies">
													<c:forEach items="${replies.value}" var="rep">
													<c:choose>
														<c:when test="${replies.key==cos.commentId}">
														<!-- reply_box -->
													<div class="post-info">
													<div style="line-height: 16px;margin-bottom: 9px;">
														<a class="fs14 r-10" target="_blank" href="${pageContext.request.contextPath}/user/userCenter.jsp"
															title="${rep.user.userName }">${rep.user.userName }</a><span class="fc999">
															${rep.replyTime}</span><span class="fc999 l-10">Hive-Top社区</span>
													</div>
													<div class="fc666 b-5">${rep.replyContent }</div>
													
													</div>
													<div class="clear"></div>
														<!-- endof reply_box-->
														</c:when>
													</c:choose>
													
													</c:forEach>
													</c:forEach>
												</div>
												<div class="clear"></div>
											</li>
											</ul>
									</c:forEach>
										
										<div data-by="desc" data-size="12"
											data-url="/comment/commentList.html?class=comment&amp;type=News&amp;id=104437"
											data-page="1" onclick="comment_list('.comment_box_comment')"
											class="load load_more d-none" style="display: none;">
											<a title="加载更多" href="javascript:void(0);">加载更多</a>
										</div>
										<div class="load load_loading" style="display: none;">
											<a title="正在加载" href="javascript:void(0);"><img
												src="${pageContext.request.contextPath}/images/loadding.gif"> 正在加载</a>
										</div>
										<div class="load load_none d-none" style="display: none;">
											<a title="没有更早的了" href="javascript:void(0);">没有更早的了</a>
										</div>
									</div>


								</div>
							</div>




							<!--讨论区结束-->
						
						<div class="announce">
							* 以上用户言论只代表其个人观点，不代表网站的观点或立场<a name="reply"></a><a
								name="quote"></a>
						</div>
					</div>

					<script type="text/javascript">
						var fileName = '75051134';
						var commentscount = 1;
						var islock = false
					</script>

					<div id="ad_bot"></div>
					<div id="report_dialog"></div>

					<div id="d-top" style="bottom:60px;">
						</a> <a id="d-top-a" class="btn btn-top backtop"
							style="display: none;" title="返回顶部"
							onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_huidaodingbu'])"
							style=""> <img
							src="" alt="TOP">
						</a>
					</div>
					<script type="text/javascript">
						$(function() {
							$("#ad_frm_0").height("90px");

							setTimeout(function() {
								$("#ad_frm_2").height("200px");
							}, 1000);
						});
					</script>

					<div class="clear"></div>
				</div>

			</div>
		</div>
		<div id="side">

			<div class="side">
				<div id="panel_Profile" class="panel">
					<ul class="panel_head"><li> <span>个人资料</span></li>
					</ul>
					<ul class="panel_body profile"><li>
					<div id="blog_userface">
					<a  target="_blank"> 
					<img src="${pageContext.request.contextPath}/${articleDetail.getUser().getUserImgUrl()}" title="访问我的空间" style="max-width:90%" />
					</a> <br /> 
					<span><a  class="user_name" target="_blank">
						${articleDetail.getUser().getUserName()}</a></span>
					</div></li>
					<li><ul id="blog_rank">
						<li>等级：<span>${articleDetail.getUser().getRank().getRankName()}</span></li>
						<li>积分：<span>${articleDetail.getUser().getUserMark()}</span></li>
					</ul></li>
				<li><ul >
						<li>邮箱：<span>${articleDetail.getUser().getUserEmail()}</span></li>
						<li>注册时间：<span>${articleDetail.getUser().getStringRegTime()}</span></li>
						</ul></li>
					</ul>
				</div>


				<div class="panel" id="panel_Search">
					<ul class="panel_head"><li>
						<span>文章搜索</span></li>
					</ul>
					<ul class="panel_body" class="form_search">
					<li>
					<form id="frmSearch" class="form_search csdn-tracking-statistics" target="_blank">
					<span>
						<input id="inputSearch" type="text" class="blogsearch" title="请输入关键字" /></span>
						 <input id="btnSubmit" type="button" value="搜索" title="search in blog" /> 
							 <input type="hidden" name="q" id="inputQ" /> 
							 <input type="hidden" name="t" value="blog" /> 
					 <a id="btnSearchBlog" target="_blank"></a>
						</form></li>
					</ul>
				</div>

				<div id="panel_Category" class="panel">
					<ul class="panel_head">
					<li><span>博客专栏</span></li>
					</ul>
					<ul class="panel_body" id="sp_column">
					<c:forEach items="${userScolumn}" var="scol">
					<li><table cellpadding="0" cellspacing="0">
							<tr>
								<td style="padding:10px 10px 0 0;"><a
									href="${pageContext.request.contextPath}/ScolumnSer?tag=detail&&columnid=${scol.columnId}"
									target="_blank"><img
										src="${pageContext.request.contextPath}${scol.columnImgUrl}"
										style="width:75px;height:75px;" /></a></td>
								<td style="padding:10px 0; vertical-align:top;"><a
									href="${pageContext.request.contextPath}/ScolumnSer?tag=detail&&columnid=${scol.columnId}"
									target="_blank">${scol.columnName}</a>
									<p>文章：13篇</p> <span>阅读：2512</span></td>
							</tr>
						</table>
						</li>
						</c:forEach>
					</ul>
				</div>
				
				<div id="hotarticls" class="panel tracking-ad">
					<ul class="panel_head">
					<li><span> 阅读排行</span></li>
					</ul>

					<ul class="panel_body itemlist">
					<c:forEach items="${aboutTenArt}" var="ten">
						<li><a href="${pageContext.request.contextPath}/ArticleSer?tag=detail&&articleid=${ten.articleId}"
							title="${ten.articleTitle }">${ten.articleTitle }</a><span>(${ten.articleClick })</span>
						</li>
						</c:forEach>
					</ul>
				</div>
				

			</div>
		</div>
	</div>
	</div>
		
<jsp:include page="../inc/footer_nav.jsp" />
</body>
</html>
